<template>
    <Home></Home> 
</template>

<script setup lang="ts">
import Home from './components/Home/index.vue'
import useThemeConfig from '@/hooks/useThemeConfig';
import { useStore } from 'vuex';

const store = useStore()

store.dispatch('app/getDiyThemes')
store.dispatch('app/getUserSeting')

//   chrome.bookmarks.getTree(function(bookmarkArray: any){
//     // console.log(bookmarkArray);
//     alert(bookmarkArray)
//     alert(JSON.stringify(bookmarkArray))
// });

const {
  theme
}= useThemeConfig()
</script>

<style lang="less">
*{
  padding: 0px;
  margin: 0px;
  // color: v-bind("theme.fontColor");
}
div{
  color: v-bind("theme.fontColor") !important;
}
html,body,#app{
  height: 100%;
  overflow: hidden;
  color: v-bind("theme.fontColor");
}

::-webkit-scrollbar-thumb{
  background-color: rgba(0,0,0,.4);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
::-webkit-scrollbar{
  width: 5px;
  background-color: rgba(0,0,0,.2);
}
</style>
